<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-cale=1.0">
    <title>Document</title>
    <style>
table{
    width:auto;border:1px solid;margin:0 auto;width:400px;height:20px;
}
td{text-align: center;}
    </style>
</head>
<body>
    <script>
    let price=+prompt()
        let waterprice=+prompt()
        let eleprice=+prompt()
        let netprice=+prompt()
        let Price=price-waterprice-eleprice-netprice 
        document.write(`    <table border='1'cellspacing='0' cellpadding='0'>
           <caption>
        2020年12月消费支出  
    </caption>
        <tr>
            <th>银行卡余额</th>
<th>水费</th>
<th>电费</th>
<th>网费</th>
<th>银行卡余额</th></tr>
<tr>
<td>${price}元</td>
<td>${waterprice}元</td>
<td>${eleprice}元</td>
<td>${netprice}元</td>
<td>${Price}元</td>
</tr>
    </table>`)
    </script>
</body>
</html>